<template>
  <section class="layout-wrapper">
    <top-bar />
    <main class="main-wrapper">
      <nuxt />
    </main>
  </section>
</template>
<script>
import TopBar from '@/components/common/topBar.vue'
export default {
  name: 'DefaultLayout',
  components: { TopBar }
}
</script>
<style scoped lang="less">
.layout-wrapper {
  display: flex;
  flex-direction: column;
  height: 100vh;
  overflow-y: auto;
  .main-wrapper {
    flex: 1;
  }
}
</style>
